<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>来拍车App-外观与骨架修复历史</title>
		<link rel="stylesheet" href="{:get_style_cdnurl()}app/css/iconline.css">
		<link rel="stylesheet" href="{:get_style_cdnurl()}app/css/home.css">
		<script src="{:get_style_cdnurl()}app/js/jquery-1.11.1.js" type="text/javascript"></script>
		<script src="{:get_style_cdnurl()}paimai/cheshan/js/TGJSBridge.js" type="text/javascript"></script>
		<script src="{:get_style_cdnurl()}paimai/cheshan/js/appclient.js" type="text/javascript"></script>
        <style>
            * {
            -webkit-touch-callout:none;
            -webkit-user-select:none;
            -khtml-user-select:none;
            -moz-user-select:none;
            -ms-user-select:none;
            user-select:none;
            }
        </style>
		<script>
            function gaodu(){
                    for(i=0;i<$(".appearance-text ul .appearance-left").eq(0).find("em").length;i++){
                            var lHeight=$(".appearance-text ul .appearance-left em").eq(i).height();
                            var rHeight=$(".appearance-text ul .appearance-right em").eq(i).height();
                            if(lHeight<rHeight){
                                $(".appearance-text ul .appearance-left em").eq(i).height(rHeight)
                            }else{
                                $(".appearance-text ul .appearance-right em").eq(i).height(lHeight);
                            }
                    }
            }
            $(function(){
            gaodu();
            })
            $(document).ready(function(){
                    $(".repair-list li").click(function(){
                        $(".repair-list li").removeClass("current");
                        $(this).addClass("current");
                        var index=$(".repair-list li").index(this);
                        $(".appearanceCo .appearance").eq(index).fadeIn(100,function(){
                            for(i=0;i<$(".appearance-text ul .appearance-left em").length;i++){
                                var lHeight=$(".appearance-text ul .appearance-left em").eq(i).height();
                                var rHeight=$(".appearance-text ul .appearance-right em").eq(i).height();
                                if(lHeight<rHeight){
                                    $(".appearance-text ul .appearance-left em").eq(i).height(rHeight)
                                }else{
                                    $(".appearance-text ul .appearance-right em").eq(i).height(lHeight);
                                }
                            }
                        }).siblings().fadeOut(100);
                    })
                })
        </script>
	</head>
	<body>
    <div class="repair-list-border">
		<div class="repair-list">
			<ul class="repair-tab clearfix">
				<li class="current">骨架</li>
				<li>外观</li>
				<li>内饰</li>
				
			</ul>
		</div>
    </div>
		<div class="appearanceCo">
			<section class="appearance">
				<div class="appearanceMain">
					<img src="{:get_style_cdnurl()}app/images/waiguan_bg5.png" />
                    <foreach name="report.frame24" item="pos">
                        <div class="bone{$pos}" style="display:block"></div>
                    </foreach>
				</div>
				<div class="appearance-ico clearfix">
					<span class="appearance-dian"><i class="coloru1"></i>一般损伤</span>
					<span class="appearance-dian"><i class="coloru2"></i>重要损伤</span>
					<span class="appearance-dian"><i class="coloru3"></i>轻微损伤</span>
				</div>
                <?php if(is_array($report['desc_frame']) && count($report['desc_frame'])>0): ?>
				<div class="appearance-text">
					<ul class="clearfix">
						<li class="appearance-left">
                            <foreach name="report.desc_frame" item="desc_frame">
							<em>{$desc_frame.position_cn}</em>
                            </foreach>
						</li>
						<li class="appearance-right">
                            <foreach name="report.desc_frame" item="desc_frame">
                                <em><a href="javascript:appClient.openInjurePic('{$desc_frame.car_id}','{$desc_frame.dm_id}');"><img src="{:get_style_cdnurl()}app/images/icon5.png" />{$desc_frame.describe}</a></em>
                            </foreach>
						</li>
					</ul>
				</div>
                <?php endif; ?>
			</section>
			
			<section class="appearance" style=" display: none;">
				<div class="appearanceMain">
					<img src="{:get_style_cdnurl()}app/images/waiguan_bg3.png" />
                    <foreach name="report.outside41" item="pos">
                        <div class="appearance{$pos}" style="display:block"></div>
                    </foreach>
				</div>	
				<div class="appearance-ico clearfix">
					<span class="appearance-dian"><i class="coloru1"></i>一般损伤</span>
					<span class="appearance-dian"><i class="coloru2"></i>重要损伤</span>
					<span class="appearance-dian"><i class="coloru3"></i>轻微损伤</span>
				</div>
                <?php if(is_array($report['desc_outside']) && count($report['desc_outside'])>0): ?>
                <div class="appearance-text">
					<ul class="clearfix">
						<li class="appearance-left">
                            <foreach name="report.desc_outside" item="desc_outside">
							<em>{$desc_outside.position_cn}</em>
                            </foreach>
						</li>
						<li class="appearance-right">
                            <foreach name="report.desc_outside" item="desc_outside">
                                <em><a href="javascript:appClient.openInjurePic('{$desc_outside.car_id}','{$desc_outside.dm_id}');"><img src="{:get_style_cdnurl()}app/images/icon5.png" />{$desc_outside.describe}</a></em>
                            </foreach>
						</li>
					</ul>
				</div>
                <?php endif; ?>
			</section>
			<section class="appearance" style="display: none;">
				<div class="appearanceMain">
					<img src="{:get_style_cdnurl()}app/images/waiguan_bg4.png" />
                    <foreach name="report.inside29" item="pos">
                        <div class="interior{$pos}" style="display:block"></div>
                    </foreach>
				</div>
				<div class="appearance-ico clearfix">
					<span class="appearance-dian"><i class="coloru1"></i>一般损伤</span>
					<span class="appearance-dian"><i class="coloru2"></i>重要损伤</span>
					<span class="appearance-dian"><i class="coloru3"></i>轻微损伤</span>
				</div>
                <?php if(is_array($report['desc_inside']) && count($report['desc_inside'])>0): ?>
                    <div class="appearance-text">
                            <ul class="clearfix">
                                <li class="appearance-left">
                                    <foreach name="report.desc_inside" item="desc_inside">
                                    <em>{$desc_inside.position_cn}</em>
                                    </foreach>
                                </li>
                                <li class="appearance-right">
                                    <foreach name="report.desc_inside" item="desc_inside">
                                        <em><a href="javascript:appClient.openInjurePic('{$desc_inside.car_id}','{$desc_inside.dm_id}');"><img src="{:get_style_cdnurl()}app/images/icon5.png" />{$desc_inside.describe}</a></em>
                                    </foreach>
                                </li>
                            </ul>
                    </div>
                <?php endif; ?>
			</section>
			
		</div>
	</body>
</html>